import { StyleSheet } from 'react-native';
import { px } from '../../util/adapt';
import { APP_LIGHT_GREY, APP_BLACK } from '../../constant/color';

const styles = StyleSheet.create({
  container: {
    backgroundColor: 'transparent'
  },
  textInputContainer: {
    flexDirection: 'row',
    zIndex: 10,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: 'transparent'
  },
  loadValue: {
    width: px(50),
    height: px(50),
    borderWidth: px(1),
    borderColor: APP_LIGHT_GREY,
    alignItems: 'center',
    justifyContent: 'center',
    marginHorizontal: px(5),
    borderRadius: px(8)
  },
  letter: {
    fontSize: px(18),
    color: APP_BLACK,
    fontWeight: '700'
  },
  textInput: {
    flex: 1,
    height: px(50),
    color: 'transparent',
    backgroundColor: 'transparent',
    opacity: 0,
    position: 'absolute',
    top: 0
  }
});

export default styles;
